export default function drawTranDouleBar (circledata) {
  var option = {
    tooltip: {
      trigger: 'axis'
    },
    grid: [
      { left: '20%',
        right: '10px',
        bottom: '60px',
        top: '20px'},
      { left: '20%',
        right: '10px',
        bottom: '60px',
        top: '20px'}
    ],
    toolbox: {
      show: true
    },
    legend: {
      data: ['总任务数', '任务反馈数'],
      bottom: '10px'
    },
    color: circledata.color,
    calculable: false,
    xAxis: [
      {
        type: 'value',
        boundaryGap: [0, 0.01],
        // 坐标轴上的参数
        axisLabel: {
          color: '#5c6781',
          fontFamily: '宋体'
        },
        // 坐标轴的颜色
        axisLine: {
          lineStyle: {
            color: '#eeeeee',
            width: 1 // 这里是为了突出显示加上的
          }
        },
        // 去掉x轴网格线
        splitLine: {
          show: false
        }
      }
    ],
    // 柱形图间的距离
    barGap: '1%',
    yAxis: [
      {
        type: 'category',
        data: circledata.data.key,
        // 坐标轴上的参数
        axisLabel: {
          color: '#5c6781',
          fontFamily: '宋体'
        },
        // 坐标轴的颜色
        axisLine: {
          lineStyle: {
            color: '#eeeeee',
            width: 1 // 这里是为了突出显示加上的
          }
        },
        // 去掉y轴网格线
        splitLine: {
          show: false
        }
      }
    ],
    series: [
      {
        name: '总任务数',
        type: 'bar',
        data: circledata.data.total,

        barWidth: '20px',
        label: {
          normal: {
            show: true,
            position: 'right',
            color: '#5c6781'
          }
        }
      },
      {
        name: '任务反馈数',
        type: 'bar',
        barWidth: '20px',
        data: circledata.data.feedback,
        label: {
          normal: {
            show: true,
            position: 'right',
            color: '#5c6781'
          }
        }
      }
    ]
  }
  return option
}
